<!DOCTYPE html> <html class="ui-mobile>
<head>
    <base href="http://www.server.com/app-name/path/">
    <meta charset="utf-8"> <title>Page Header</title> 
    <meta content="width=device-width, initial-scale=1" name="viewport"> 
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
    <link href="css/mobiscroll-1.5.3.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/styles.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.mobile.js"></script>
    <script type="text/javascript" src="js/myjs.js"></script>
    <script type="text/javascript" src="js/mobiscroll-1.5.3.js"></script>      
</head>
<body class="ui-mobile-viewport">
	 
     <div id="medicamentoContent" class="ui-page ui-body-c" data-role="page">
      	<div class="ui-content" data-role="content" role="main" > 
            <ul id="customList" data-role="listview" data-theme="d" data-inset="true">
            	<li id="titleListWithAction">
                	<div>
                		<a href="#principioActivo" data-role="button" data-direction='reverse'  data-icon="arrow-l" data-iconpos="notext"></a>
                		<h3>Alprazolam</h3>
            		</div>
                </li> 
            	<li id="headerTitleList" data-role="list-divider">
                	Iteraciones farmacológicas
                </li>
				<li>
                    <div>Los efectos depresivos se incrementan con el consumo del alcohol.</div>
                    <div>Si tomas mucho de todo te pasa de todo.</div>
                </li> 
                <li id="headerTitleList" data-role="list-divider">Psicofármacos con los que interactua</li>
               	<li>
                	<div data-role="collapsible" data-theme="c" data-content-theme="f" id="collapsibleContent"> 
                    	<h3>Aeromestania</h3> 
                         <div>Los efectos depresivos se incrementan con el consumo del alcohol.</div>
                         <div>Si tomas mucho de todo te pasa de todo.</div>
                        <ul data-role="listview" data-theme="d" data-inset="true">
                        	 <li><a href="#">Ver medicamento</a></li> 
                        </ul>
                    </div>
                </li>
                <li>
                	<div data-role="collapsible" data-theme="c" data-content-theme="f" id="collapsibleContent"> 
                    	<h3>Barmonitacina</h3> 
                         <div>Los efectos depresivos se incrementan con el consumo del alcohol.</div>
                         <div>Si tomas mucho de todo te pasa de todo.</div>
                        <ul data-role="listview" data-theme="d" data-inset="true">
                        	 <li><a href="#">Ver medicamento</a></li> 
                        </ul>
                    </div>
                </li> 
               <li>
                	<div data-role="collapsible" data-theme="c" data-content-theme="f" id="collapsibleContent"> 
                    	<h3>Isfocinamina</h3> 
                         <div>Los efectos depresivos se incrementan con el consumo del alcohol.</div>
                         <div>Si tomas mucho de todo te pasa de todo.</div>
                        <ul data-role="listview" data-theme="d" data-inset="true">
                        	 <li><a href="#">Ver medicamento</a></li> 
                        </ul>
                    </div>
                </li>  
			</ul>
     	</div>
     </div>
     
     
    
     

    

</body>
</html>
